/*
 * Copyright 2020 The Kubernetes Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import './patternfly-alignment';

@mixin colors-dark {
  @include kui-patternfly-alignment-dark-for-carbon;

  --color-base00: #161616;
  --color-base01: #262626;
  --color-base02: #393939;
  --color-base03: #525252;
  --color-base04: #8d8d8d;
  --color-base05: #a8a8a8;
  --color-base06: #f4f4f4;
  --color-base07: #fff;
  --color-base08: #ff8389;
  --color-base09: #bf5b17;
  --color-base0A: #f1c21b;
  --color-base0B: #6fdc8c;
  --color-base0C: #{lighten(#30b0ff, 20%)};
  --color-base0D: #4589ff;
  --color-base0E: #{lighten(#fa75a6, 20%)};
  --color-base0F: #d4bbff;

  --color-base08-rgb: 255, 131, 137;
  --color-red-rgb: var(--color-base08-rgb);

  --color-base0B-rgb: 36, 161, 72;
  --color-green-rgb: var(--color-base0B-rgb);

  --color-base0D-rgb: 69, 137, 255;
  --color-blue-rgb: var(--color-base0D-rgb);

  --color-base0A-rgb: 241, 194, 27;
  --color-yellow-rgb: var(--color-base0A-rgb);

  --color-confirm-background: var(--color-sidecar-header);
  --color-confirm-foreground: var(--color-base06);

  --color-brand-01: #97c1ff;
  --color-brand-02: var(--color-base07);
  --color-brand-03: #0062ff;

  --color-sidecar-toolbar-foreground: var(--color-base01);

  --color-text-02: #bebebe;

  --pf-global--BackgroundColor--dark-300: #393939;

  --color-table-border2: #565151;
  --color-background-03: #393939;

  --color-sidecar-header: #3d3d3d;
  --color-sidecar-background-01: #171717;
  --color-sidecar-border: transparent;

  --color-brand-03: #408bfc;
  --color-content-divider: #4c4c4c;

  --color-stripe-01: #525252;
  --color-stripe-02: var(--color-sidecar-header);
  --tab-gray-text-color: #b5b5b5;
  --active-tab-color: #6ea6ff;

  --color-ui-01: #000000;

  --color-prompt-text: #408bfc;

  --color-light-blue: #edf4ff;
  --color-light-red: #ffd7d9;
  --color-light-green: hsla(143, 73%, 43%, 50%);
  --color-light-yellow: hsla(46, 99%, 59%, 50%);
}

@mixin colors-light {
  @include kui-patternfly-alignment-light-for-carbon;

  --color-base00: #f4f4f4;
  --color-base01: #e0e0e0;
  --color-base02: #dcdcdc;
  --color-base03: #c6c6c6;
  --color-base04: #8d8d8d;
  --color-base05: #50565b;
  --color-base06: #171717;
  --color-base07: #fff;
  --color-base08: #da1e28;
  --color-base09: #bf5b17;
  --color-base0A: #8e6926;
  --color-base0B: #198038;
  --color-base0C: #0072c3;
  --color-base0D: #054ada;
  --color-base0E: #d12765;
  --color-base0F: #8a3ffc;

  --color-base0B-rgb: 25, 128, 56;
  --color-red-rgb: var(--color-base08-rgb);

  --color-green-rgb: var(--color-base0B-rgb);
  --color-base08-rgb: 218, 30, 40;

  --color-base0D-rgb: 5, 74, 218;
  --color-blue-rgb: var(--color-base0D-rgb);

  --color-base0A-rgb: 142, 105, 38;
  --color-yellow-rgb: var(--color-base0A-rgb);

  --color-red-sidecar: #fb4b53;
  --color-yellow-sidecar: #fdd13a;
  --color-green-sidecar: #56d679;

  --color-stripe-01: var(--color-base00);

  --color-brand-01: #0062ff;
  --color-brand-02: #171717;
  --color-brand-03: #0062ff;

  --color-ui-01: #fff;
  --color-ui-05: #171717;
  --color-ui-03: #e0e0e0;
  --color-text-02: #565656;

  --pf-global--BackgroundColor--dark-300: #393939;

  --color-map-key: #6ea6ff;
  --color-map-value: var(--color-text-inverted01);

  --color-table-border1: var(--color-base01);
  --color-table-border2: #8f8b8b;
  --color-table-border3: #a8a8a8;

  --color-background-03: var(--color-ui-03);

  --color-sidecar-toolbar-foreground: var(--color-text-01);

  --color-sidecar-background-01: var(--color-base06);
  --color-sidecar-background-02: var(--color-base00);
  --color-sidecar-border: #e4e4e4;

  --color-brand-03: #008fff;
  --color-content-divider: #bfc0c2;

  --tab-gray-text-color: var(--color-text-01);
  --active-tab-color: #0f62fe;

  --color-light-blue: #edf4ff;
  --color-light-red: hsla(354, 81%, 51%, 50%);
  --color-light-green: hsla(143, 73%, 43%, 50%);
  --color-light-yellow: hsla(46, 99%, 59%, 50%);

  --color-support-04: var(--color-base0C);
}
